<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/pulibc.css" />
		<link rel="stylesheet" type="text/css" href="../css/scss.css" />
		<script src="../js/jquery-3.1.1.min.js"></script>
	</head>

	<body>
		<div class="w_nav">
			<img src="../img/cloud.gif" />
			<ul class="w_ul">
				<li>
					<a href="">首页</a>
				</li>
				<li>
					<a href="" class="w_shopmall">云道商城</a>
				</li>
				<li>
					<a href="">智慧门店</a>
				</li>
				<li>
					<a href="" style="color: blue;">营销平台</a>
				</li>
				<li>
					<a href="">媒体联盟</a>
				</li>
				<li>
					<a href="">关于云道</a>
				</li>
			</ul>
			<a class="w_user">用户中心</a>
		</div>

		<ul class="w_psion">
			<li>
				<a href="#">官网商城管理</a>
			</li>
			<li>
				<a href="#">品牌综合商城</a>
			</li>
			<li>
				<a href="#">媒体管理</a>
			</li>
			<li>
				<a href="#">第三方商城营销管理</a>
			</li>
		</ul>

		<dl class="w_product">
			<p class="big">云商城产品</p>
			<dt><a href="http://fanyi.baidu.com" class="blue">官网云商城</a></dt>
			<dd>免费简单高逼格，适用于中小企业官方商城系统</dd>
			<dt>品牌综合商城</dt>
			<dd>个性化前端，免费运维，适用于大中企业电商系统</dd>
			<dt>多店铺品牌商城</dt>
			<dd>前后台分离，简约系统为客户量身定制的生态级电商平台</dd>
		</dl>

		<div class="zgn-img">
			<a href="#"><img src="../img/zhao-5.jpg" /></a>
		</div>
		<div class="zgn-ld ">
			<div class="zgn-top">
				<div class="zgn-hx"></div>
				<h3>方案亮点</h3>
				<div class="zgn-hx"></div>
			</div>
			<div class="zgn-con">
				ASDFGHJ KLIOUPXCVN
			</div>
			<ul class="zgn-bot clearfix">
				<li>
					<a href="#"><img src="../img/zhao-1.jpg">
						<h3>简单快速</h3>
						<div class="zgn-zi">简单快速简单快速简单快速简单快速简单快速简单快速</div>
					</a>
				</li>
				<li>
					<a href="#"><img src="../img/zhao-2.jpg">
						<h3>简单快速</h3>
						<div class="zgn-zi">简单快速简单快速简单快速简单快速简单快速简单快速</div>
					</a>
				</li>
				<li>
					<a href="#"><img src="../img/zhao-3.jpg">
						<h3>简单快速</h3>
						<div class="zgn-zi">简单快速简单快速简单快速简单快速简单快速简单快速</div>
					</a>
				</li>

			</ul>
		</div>
		<div class="zgn-xl">
			<div class="zgn-top">
				<div class="zgn-hx"></div>
				<h3>分销流程</h3>
				<div class="zgn-hx"></div>
			</div>
			<div class="zgn-xlimg">
				<img src="../img/zhao-4.jpg" />
			</div>
		</div>
		<div class="zgn-al">
			<div class="zgn-top">
				<div class="zgn-hx"></div>
				<h3>经典案例</h3>
				<div class="zgn-hx"></div>
			</div>

			<div class="zgn-follt">
				<ul>
					<li>
						<a href="#"><img src="../img/taobao.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/jingd.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/shangp.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/albb.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/zkkj.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/taobao.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/jingd.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/shangp.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/albb.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/zkkj.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/taobao.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/jingd.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/shangp.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/albb.png" /></a>
					</li>
					<li>
						<a href="#"><img src="../img/zkkj.png" /></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="zgn-ty">
			<a href="#">免费体验</a>
		</div>
		<div class="w_footer">

			<div class="w_a">
				<ul class="w_dh">
					<li>
						<a href="#">关于人人店</a>
					</li>
					<li>
						<a href="#">商城系统</a>
					</li>
					<li>
						<a href="#">开放平台</a>
					</li>
					<li>
						<a href="#">人人分销</a>
					</li>
					<li>
						<a href="#">新闻动态</a>
					</li>
					<li>
						<a href="#">联系我们</a>
					</li>
				</ul>
				<p>Copyright 2015 苏州海云网络科技有限公司版权所有| 苏ICP备15038170号—3</p>
			</div>

			<div class="w_rx"><img src="../img/W_icon.png" /></div>
		</div>

	</body>
	<script>
		$('.w_user').mouseenter(function() {
			$('.w_psion').css('display', 'block');
		});
		$('.w_psion').mouseleave(function() {
			$('.w_psion').css('display', 'none');
		});

		$('.w_shopmall').mouseenter(function() {
			$('.w_product').css('display', 'block');
			//			alert(123)
		});
		$('.w_product').mouseleave(function() {
			$('.w_product').css('display', 'none');
		});
	</script>

</html>